import React, { Component } from 'react'
import Footer from '../../components/footer'
import './myCard.scss'
import { Button } from 'antd-mobile'
import { NavLink } from 'react-router-dom'

class Com extends Component {
    render() {
        return (
            <div className="container">
                <div className="box">
                    <div className="myCard_content">
                        <header>
                            <NavLink to="/users/set">
                                <img src="/images/user/personalSet/jiantou.png" alt="" />
                            </NavLink>
                            <p>我的合作卡</p>
                            <img src="/images/user/personalSet/shuaxin.png" alt=""/>
                        </header>
                        <div className="scroll_box">
                            <div>
                                <p>绑定合作卡</p>
                                <span>请选择联名卡类型</span>
                            </div>
                            <div>
                                <p>会籍卡号</p>
                                <div>
                                    <input type="text" placeholder="请输入会籍卡号"/>
                                    <img src="/images/user/personalSet/i.png" alt=""/>
                                </div>
                            </div>
                            <div style={{justifyContent:"space-between"}}>
                                <p>验证码</p>
                                <input type="text" placeholder="请输入验证码" style={{flex:"1"}} />
                                <Button style={{fontSize:"13px",color:"#3CD578",height:"100%",textAlign:"right",lineHeight:".41rem"}}>获取验证码</Button>
                            </div>
                            <Button style={{ backgroundColor: "#3cd578", width: "3.49rem", height: ".415rem", fontSize: "16px", color: "#fff", margin: "0 auto", marginTop: " .20rem" }} >确认绑定</Button>
                        </div>
                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com